<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css class选择器</title>
    <!--class 选择器用于描述一组元素的样式，class 选择器有别于id选择器，class可以在多个元素中使用。-->
    <!--class 选择器在HTML中以class属性表示, 在 CSS 中，类选择器以一个点"."号显示：-->
    <!--在以下的例子中，所有拥有 center 类的 HTML 元素均为居中。-->
    <style>
        .center
        {
            text-align: center;
        }
    </style>
</head>
<body>

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>

</body>
</html>